<template>
	<ul class="footer">
		<li>
			<router-link to="/index">
				<i class="iconfont icon-shouye1"></i> 首页
			</router-link>
		</li>
		<li>
			<router-link to="/a">
				<i class="iconfont icon-huodong"></i> 活动
			</router-link>
		</li>
		<li>
			<router-link to="/a">
				<i class="iconfont icon-fabu"></i> 发布
			</router-link>
		</li>
		<li>
			<router-link to="/a">
				<i class="iconfont icon-message"></i> 消息
			</router-link>
		</li>
		<li>
			<router-link to="/a">
				<i class="iconfont icon-my"></i> 个人管理
			</router-link>
		</li>

	</ul>
</template>

<script>
	export default {

	}
</script>

<style scoped lang="scss">
	.footer {
		height: 60px;
		width: 100%;
		border-top: 1px solid #ccc;
		bottom: 0;
		position: fixed;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: space-around;
		a {
			display: flex;
			flex-direction: column;
			text-align: center;
		}
	}
	.active {
		color: #2ca;
	}
</style>